@charset "utf-8";

.bt { text-align: center; margin-top: 45px; margin-bottom: 35px; }
.bt h1 { font-size: 40px; color: var(--fontColor1); font-weight: normal; }
.bt p { font-size: 18px; color: #6e6e6e; margin-top: 5px; }

.btn { background: var(--ztColor); width: 320px; margin: 0 auto; line-height: 60px; border-radius: 30px; text-align: center; margin-top: 60px; }
.btn a { display: block; color: #fff; font-size: 25px; font-weight: bold; }

/*banner*/
.swiper_banner .swiper-button-prev { left: 50px; }
.swiper_banner .swiper-button-next { right: 50px; }

.banner img { width: 100%; }

/*舞蹈体验券*/
.balck_bg { width: 100%; height: 100%; background: #000; opacity: 0.7; position: fixed; top: 0; z-index: 99; display: none; }
.banner_tc { width: 100%; position: fixed; top: 92px; z-index: 100; display: none; }
.banner_tc .tt { width: 845px; height: 700px; background: url(/skin/img/index/tc/bg.png) no-repeat top center; background-size: 70%; margin: 0 auto; }
.banner_tc .tt .close { display: block; position: absolute; left: 49%; }
.banner_tc .tt .close img { width: 40px; }
.banner_tc .tt .txt { width: 45%; margin: 0 auto; padding-top: 265px; padding-left: 30px; }
.banner_tc .tt .txt p { color: #fff; font-size: 19px; line-height: 30px; }
.banner_tc .tt form {width: 40%; margin: 0 auto; padding-top: 13px; padding-left: 22px; }
.banner_tc .tt form input { display: block; width: 100%; height: 65px; text-indent: 30px; font-size: 25px; border-radius: 40px; }
.banner_tc .tt form a {
    display: block;
    width: 100%;
    height: 65px;
    line-height: 60px;
    font-weight: bold;
    color: #fc124d;
    text-align: center;
    font-size: 30px;
    margin-top: 15px;
}

/*免费预约体验课*/
.form1 { margin-top: -60px !important; position: relative; z-index: 2; }
.form1 ul li { background: var(--ztColor); width: 18%; height: 40px; float: left; margin-right: 5px; color: #fff; padding: 10px 5px; }
.form1 ul li:last-child { width: 41%; margin-right: 0; font-size: 14px; line-height: 40px; }
.form1 ul li p { border-bottom: 1px solid #fff; padding-bottom: 10px; padding-top: 3px; }
.form1 ul li p input { width: 150px; color: #fff; font-size: 15px; margin-top: 5px; }
.form1 ul li p input::-webkit-input-placeholder { color: #fff; }
.form1 ul li p img { margin: -3px 5px 0 10px; }
.form1 ul li p select { background: var(--ztColor); color: #fff; font-size: 15px; }
.form1 ul li a { 
    display: block;
    width: 40%;
    background: #fff;
    line-height: 35px;
    border-radius: 20px;
    color: var(--ztColor);
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    float: left;
    margin-left: 5px;
    margin-right: 15px;
    margin-top: 3px;
}

/*三导航*/
.intor { background: #f3f3f3; padding-bottom: 30px; }
.intor .bt { margin-bottom: 15px; }
.intor ul li { width: 35%; float: left; text-align: center; }
.intor ul li:nth-child(2) { width: 30%; }
.intor ul li h1 { font-size: 85px; color: var(--ztColor); }
.intor ul li p { font-size: 38px; color: var(--fontColor2); }

/*八大舞种*/
.wz { overflow: hidden; }
.wz .li { overflow: hidden; margin-bottom: 30px; }
.wz .li a { display: block; float: left; width: 24%; margin-right: 1.3333333333%; margin-bottom: 10px; }
.wz .li a:nth-child(4n) { margin-right: 0; }
.wz .li a img { width: 100%; }
.wz .li a p { margin-top: 10px; margin-bottom: 10px; font-size: 30px; }
.wz .li a p span {
    display: inline-block;
    width: 76px;
    height: 36px;
    line-height: 36px;
    background: var(--ztColor);
    color: #fff;
    text-align: center;
    font-size: 23px;
    border-radius: 5px;
    margin-right: 10px;
    vertical-align: text-bottom;
    font-weight: normal;
}
.wz .li a:nth-child(7) p span { background: #80800d; }
.wz .li a:nth-child(8) p span { background: #7f47b2; } 

/*荣誉资质*/
.zizhi { background: #f3f3f3; padding-top: 1px; padding-bottom: 30px; }
.zizhi ul li { width: 32%; float: left; margin-right: 2%; }
.zizhi ul li:last-child { margin-right: 0; }
.zizhi ul li img { width: 100%; height: 255px; }
.zizhi ul li p { color: var(--fontColor2); font-size: 24px; margin-top: 15px; text-align: center; }

/*品牌优势*/
.youshi { padding-bottom: 100px; }
.youshi .main ul { width: 628px; background: #f3f3f3; padding: 36px; border-radius: 5px; }
.youshi .main ul li {
    width: 49.5%;
    height: 47px;
    line-height: 47px;
    float: left;
    font-size: 24px;
    border-bottom: 2px solid #d8d8d8;
    color: var(--fontColor2);
    padding-bottom: 7.3px;
}
.youshi .main ul li:nth-child(2n) { border-left: 2px solid #d8d8d8; text-indent: 10px; }
.youshi .main ul li:nth-last-child(1) { border-bottom: 0; }
.youshi .main ul li:nth-last-child(2) { border-bottom: 0; }
.youshi .main ul li span { color: var(--ztColor); margin-right: 10px; font-size: 20px; font-style: italic; font-weight: bold; }

/*导师资质*/
.ds { background: #f3f3f3; padding-top: 1px; padding-bottom: 30px; }
.ds .swiper_ds { height: 300px; margin-top: 20px; }
.ds .swiper_ds .swiper-slide { width: 250px; margin: 0 5px; }
.ds .swiper_ds .swiper-slide:hover { width: 280px; margin-top: -20px; }
.ds .swiper_ds .swiper-slide img:first-child { width: 100%; }
.ds .swiper_ds .swiper-slide .hide {
    display: none;
    top: 0;
    left: 0;    
    position: absolute;
    background: #201e1e;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    font-size: 40px;
    color: #ffffff;
}
.ds .swiper_ds .swiper-slide:hover .hide { display: block; height: 394.23px; }
.ds .swiper_ds .swiper-slide .hide img { display: block; width: 80px; margin: 150px auto 0;  z-index: 99; }
.ds .swiper_ds .swiper-pagination { top: auto; bottom: 0; }
.ds .swiper_ds .swiper-pagination .swiper-pagination-progressbar-fill { background: var(--ztColor); }

/*教学成果*/
.video { padding-bottom: 20px; }
.video .swiper_video .swiper-wrapper { margin-top: 70px; }
.video .swiper_video .swiper-slide a { 
    display: block;
    width: 31%;
    background: #efeeee;
    margin-right: 3.5%;
    margin-bottom: 15px;
    border-radius: 10px;
    float: left;
    overflow: hidden;
}
.video .swiper_video .swiper-slide a:nth-child(3n) { margin-right: 0; }
.video .swiper_video .swiper-slide a img { width: 100%; height: 248px; }
.video .swiper_video .swiper-slide a p { color: var(--fontColor1); line-height: 60px; }
.video .swiper_video .swiper-slide a p span { 
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #d5d6e7;
    color: var(--ztColor);
    font-size: 12px;
    padding: 6px 10px;
    margin: 5px 5px 5px 15px;
    border-radius: 3px;
}
.video .swiper_video .swiper-slide a:hover { background: var(--ztColor); }
.video .swiper_video .swiper-slide a:hover p { color: #fff; }
.video .swiper_video .swiper-slide a:hover p span { background: #fff; }
.video .swiper_video .swiper-pagination { top: 0; height: 35px; }
.video .swiper_video .swiper-pagination span {
    display: inline-block;
    opacity: 1;
    background: #fff;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid var(--fontColor1);
    color: var(--fontColor1);
    margin: auto 10px;
    font-size: 16px;
    border-radius: 46px;
    font-weight: bold;
}
.video .swiper_video .swiper-pagination span.swiper-pagination-bullet-active {
    background: var(--ztColor);
    border: 1px solid var(--ztColor);
    position: relative;
    color: #ffffff;
}
.video .swiper_video .swiper-pagination span i {
    display: none;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: var(--ztColor) transparent transparent transparent;
    position: absolute;
    left: 32px;
}
.video .swiper_video .swiper-pagination span.swiper-pagination-bullet-active i { display: block; }
.video .btn { margin-top: 30px; }

/*分馆地址*/
.fenguan { background: #f3f3f3; padding-top: 1px; padding-bottom: 30px; }
.fenguan .top { text-align: center; }
.fenguan .top a {
    display: inline-block;
    background: #fff;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid var(--fontColor1);
    color: var(--fontColor1);
    margin: auto 10px;
    font-size: 16px;
    border-radius: 15px;
    font-weight: bold;
}
.fenguan .top a.active {
    background: var(--ztColor);
    border: 1px solid var(--ztColor);
    position: relative;
    color: #ffffff;
}
.fenguan .top a i {
    display: none;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: var(--ztColor) transparent transparent transparent;
    position: absolute;
    left: 32px;
}
.fenguan .top a.active i { display: block; }

.fenguan .bottom { margin-top: 30px; }
.fenguan .bottom .fg_name { display: none; overflow: hidden; text-align: center; }
.fenguan .bottom .fg_name:first-child { display: block; }
.fenguan .bottom .fg_name a { 
    display: inline-block;
    color: var(--fontColor1);
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #f3f3f3;
    margin-right: 10px;
}
.fenguan .bottom .fg_name a.active { color: var(--ztColor); border-bottom: 2px solid var(--ztColor); }

.fenguan .content { background: #fff; height: 300px; border-radius: 5px; overflow: hidden; margin-top: 30px; }
.fenguan .content ul,.fenguan .content ul li { overflow: hidden; display: none; }
.fenguan .content ul:first-child,.fenguan .content ul li:first-child { display: block; }
.fenguan .content .fl { width: 420px; height: 300px; overflow: hidden; }
.fenguan .content .fl .tt { width: 85%; height: 260px; margin: 20px auto; position: relative; }
.fenguan .content .fl .tt h1 { color: var(--fontColor1); font-size: 30px; border-bottom: 2px solid #ededed; margin-bottom: 10px; padding-bottom: 5px; }
.fenguan .content .fl .tt p { line-height: 25px; margin-top: 5px; }
.fenguan .content .fl .tt p img { margin-right: 10px; }
.fenguan .content .fl .tt p:nth-child(2) img { margin-right: 5px; }
.fenguan .content .fl .tt p span { font-size: 14px; }
.fenguan .content .fl .tt p:last-child { line-height: inherit; margin-top: 0; font-size: 12px; color: #6e6e6e; position: absolute; bottom: 0; }
.fenguan .content .img { float: left; width: 450px; height: 300px; }
.fenguan .content .img img { width: 100%; height: 100%; }
.fenguan .content .fr { width: 330px; height: 300px; }
.fenguan .content .fr form { width: 70%; height: 280px; margin: 10px auto; }
.fenguan .content .fr form h1 { color: var(--ztColor); font-size: 30px; text-align: center; }
.fenguan .content .fr form p:nth-child(2) {
    color: #000;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    background: none;
    border-radius: inherit;
}
.fenguan .content .fr form p { background: #f3f3f3; line-height: 33px; border-radius: 5px; margin-top: 5px; }
.fenguan .content .fr form p img { width: 19px; margin: 5px; }
.fenguan .content .fr form p input { color: var(--fontColor1); font-size: 13px; line-height: 35.5px; }
.fenguan .content .fr form p input::-webkit-input-placeholder { color: #828282; }
.fenguan .content .fr form a {
    display: block;
    background: #ffffff;
    border: 1px solid #cccccc;
    width: 210px;
    height: 40px;
    position: relative;
    border-radius: 50px;
    line-height: 40px;
    margin: 15px auto 0;
    text-align: center;
    font-size: 15px; 
    font-weight: bold; 
    color: #3a3a3a;
}
.fenguan .content .fr form a:hover { background: #f90081; color: #ffffff; }

/*新闻资讯*/
.information { margin-top: 50px !important; padding-bottom: 30px; }
.information .zx { width: 806px; float: left; }
.information .info_bt { padding-bottom: 15px; border-bottom: 2px solid var(--ztColor); line-height: 30px; overflow: hidden; }
.information .info_bt .fl { color: var(--ztColor); font-size: 20px; font-weight: bold; }
.information .info_bt .fl img { margin-right: 5px; margin-top: -3px; }
.information .info_bt .fr a { color: #999999; font-size: 16px; margin-top: 0; }
.information .content { overflow: hidden; margin-top: 15px; }
.information .content .fl { width: 410px; margin-top: 0; }
.information .content .fl img { width: 100%; }
.information h2 { color: var(--ztColor); font-size: 21px; line-height: 30px; margin-top: 10px; }
.information .content .fr { width: 360px; }
.information .des { color: #6e6e6e; font-size: 16px; }
.information a { display: block; margin-top: 25px; }
.information a h3 { color: var(--fontColor2); font-size: 18px; }
.information a p { color: #6e6e6e; font-size: 15px; margin-top: 5px; }
.information .cs { width: 360px; float: right; }
.information .cs .tt { margin-top: 0; margin-bottom: 35px; }
.information .cs .tt h2 { font-size: 18px; margin-bottom: 15px; }